<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <link rel="stylesheet" href="./static/css/common.css">
  <link rel="stylesheet" href="./static/css/form.css">
  <script src="./static/js/jquery.min.js"></script>
</head>

<body>
  <div class="form-240724">
    <div class="form-240724__cover">
      <div class="img">
        <img src="./static/imgs/20240724-1.png" alt="">
      </div>
    </div>
    
    <div class="form-240724__form">
      <div class="thead">
        <h3>Motorcycle Travel Questionnaire</h3>
      </div>
      <form action="?" id="form240724">
        <dl class="tbody">
          <dd class="rows is-required">
            <div class="label">
              <span>Full name: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="fullName" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Gender: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="gender" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Date of birth: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="birthday" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Nationality: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="nationality" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Passport number: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="passportNumber" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Occupation: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="occupation" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Height: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="height" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Weight: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="weight" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Blood type: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="bloodType" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Food taboos: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="foodTaboos" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Motorcycle driving experience and mileage: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="q1" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>What brand and model of motorcycle do you usually ride? </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="q2" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Longest continuous riding days: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="q3" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Longest mileage in a single day? What is the road condition?: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="q4" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Do you have high-altitude riding or self-driving experience? Physical condition? </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="q5" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Do you have unpaved road riding experience? </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="q6" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Bluetooth headset brand and model: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="q7" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Facebook account: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="facebook" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Instagram account: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="instagram" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Youtube account: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="youtube" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Tiktok account: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="tiktok" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows is-required">
            <div class="label">
              <span>Other requirements: </span>
            </div>
            <div class="value">
              <div class="input">
                <input type="text" maxlength="50" name="otherRequirements" placeholder="" />
              </div>
            </div>
          </dd>
          <dd class="rows2">
            <div class="submit">
              <button>Submit Now</button>
            </div>
          </dd>
        </dl>
      </form>
    </div>
  </div>

  <div id="warning">
    <div class="inner">
      <div class="text">
        <p>休息时间卡精神可嘉阿珂</p>
      </div>
    </div>
  </div>

  <script src="./static/js/form.js"></script>
</body>
</html>